<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>梦想橱柜-首页</title>
		<link rel="stylesheet" type="text/css" href="css/style.css"/>
		<script src="js/wrap.js" type="text/javascript"></script>
	</head>
	<body>
		<!-- logo -->
		<div id="header">
			<div class="logo">
				<img src="img/logo.jpg" >
			</div>
			<div class="right_jm">
				<a href="reg.html" class="reg">会员注册</a>
				<a href="login.html" class="login">登录</a>
			</div>
			<div class="slogan">
				<img src="img/slogan.jpg" >
			</div>
		</div>
		<!-- 导航 -->
		<div id="nav">
			<div class="conent">
				<ul>
					<li><a href="index.html" class="hover_bj">网站首页</a></li>
					<li><a href="brand.html">梦想品牌</a></li>
					<li><a href="news.html">新闻资讯</a></li>
					<li><a href="product.html">产品中心</a></li>
					<li><a href="custom.html">客户服务</a></li>
					<li><a href="guest.html">在线留言</a></li>
					<li><a href="contact.html">在线客服</a></li>
				</ul>
			</div>
		</div>
		<div id="demo01" class="flexslider">
			<ul class="slides">
				<li>
					<div class="img">
						<img src="img/ad_auto.jpg" height="480" width="1000">
					</div>
				</li>
				<li>
					<div class="img">
						<img src="img/ad_yuetu.jpg" height="480" width="1000">
					</div>
				</li>
				<li>
					<div class="img">
						<img src="img/ad_nba.jpg" height="480" width="1000">
					</div>
				</li>
				<li>
					<div class="img">
						<img src="img/ad_stock.jpg" height="480" width="1000">
					</div>
				</li>
			</ul>
		</div>
		<script src="js/slider.js" type="text/javascript"></script>
		<script type="text/javascript">
			$(function(){
				$('#demo01').flexslider({
					animation:"slide",
					direction:"horizontal",
					easing:"swing"
				});
			});
		</script>
		<div id="main">
			<div class="conent_main">
				<div class="conent_serial">
					<div class="con_txt">
						<h1>整体橱柜系列</h1>
						<div class="con_intro">
							<p>整体橱柜系列，打造出真正适合中国人的健康橱柜系列，势必开创出一个整体橱柜系列的新纪元。</p>
						</div>
						<div class="con_img">
							<img src="img/img_left.jpg" >
						</div>
					</div>
				</div>
				<div class="conent_serial" style="background: none;margin-left: 0px;">
					<div class="con_txt" style="float: right;">
						<h1>厨房电器系列</h1>
						<div class="con_intro">
							<p>集成环保灶的设计，带来更健康的功能组合，更舒适的使用体验，无论是政绩的综合性能，个性化整体厨房的适配性，还是日常的清洁维护，都拥有与众不同的卓越魅力。</p>
						</div>
						<div class="con_img">
							<img src="img/img_right.jpg" >
						</div>
					</div>
				</div>
				<div class="con_1" style="margin-left: 10px;">
					<div class="left_txt">
						<h1><a href="brand.html">梦想</a>品牌</h1>
						<div style="height: 140px;overflow: hidden;">
							<p>梦想橱柜，一家致力于满足全球消费者整体厨房应用需求的企业，中国最大的整体橱柜生产企业之一。始创于1990年，基于19年锐意进取和极具前瞻性的全球战略目光，梦想橱柜迅速发展成在区域产业链前后相关联度趋合的知名企业、交易平台，并被应邀成为国家标准的修编单位。</p>
						</div>
						<div class="bottom_cult">
							<a>企业文化</a>
							<a>品牌介绍</a>
						</div>
						<div></div>
					</div>
					<div class="right_img">
						<img src="img/house.jpg" >
					</div>
				</div>
				<div class="con_1">
					<div class="left_txt">
						<h1>新闻资讯</h1>
						<div style="height: 140px;overflow: hidden;">
							<ul>
								<li><a>【公司新闻】步入竞争红海，悉数橱柜市场促销</a></li>
								<li><a>【行业资讯】梦想精品 挑战山寨价格</a></li>
								<li><a>【行业资讯】梦想精品雅典娜</a></li>
								<li><a>【公司新闻】创新品质 尽在出众实力</a></li>
							</ul>
						</div>
						<div class="bottom_cult">
						<a>公司新闻</a><a>行业新闻</a>
						</div>
					</div>
					<div class="right_img">
						<img src="img/camera.jpg" >
					</div>
				</div>
				<div style="clear: both;"></div>
			</div>
			<div class="new_prod">
				<div class="tittle_z">
					<a href="#" style="float: right;font-size: 12px;margin-right: 10px;">更多>></a>最新产品
				</div>
			<!-- 循环滚动的字幕脚本 -->
			<script type="text/javascript">
			//js无缝滚动代码
			function marquee(i,direction){
				var obj=document.getElementById("marquee"+i);
				var obj1=document.getElementById("marquee"+i+"_1");
				var obj2=document.getElementById("marquee"+i+"_2");
				if(direction == "up"){
					if(obj2.offsetTop-obj.scrollTop<=0){
						obj.scrollTop-=(obj1.offsetHeight+20);
					}else{
						var tmp=obj.scrollTop;
						obj.scrollTop++;
						if(obj.scrollTop==tmp){
							obj.scrollTop=1
						}
					}
				}else{
					if(obj2.offsetWidth-obj.scrollLeft<=0){
						obj.scrollLeft-=obj1.offsetWidth;
					}else{
						obj.scrollLeft++;
					}
				}
			}
			function marqueeStart(i,direction){
				var obj=document.getElementById("marquee"+i);
				var obj1=document.getElementById("marquee"+i+"_1");
				var obj2=document.getElementById("marquee"+i+"_2");
				obj2.innerHTML=obj1.innerHTML;
				var marqueeVar=window.setInterval("marquee("+i+",'"+direction+"')",20);
				obj.onmouseover=function(){
					window.clearInterval(marqueeVar);
				}
				obj.onmouseout=function(){
					marqueeVar=window.setInterval("marquee("+i+",'"+direction+"')",20);
				}
			}
			</script>
				<div class="warp_sp">
					<div id="marquee1" class="marqueeleft">
						<div style="width: 8000px;">
							<ul id="marquee1_1">
								<li>
									<a class="pic" href="productdetail.html">
										<img width="290" height="180" src="img/img_scroll_1.jpg">
									</a>
								</li>
								<li>
									<a class="pic" href="productdetail.html">
										<img width="290" height="180" src="img/img_scroll_2.jpg">
									</a>
								</li>
								<li>
									<a class="pic" href="productdetail.html">
										<img width="290" height="180" src="img/img_scroll_3.jpg">
									</a>
								</li>
								<li>
									<a class="pic" href="productdetail.html">
										<img width="290" height="180" src="img/img_scroll_4.jpg">
									</a>
								</li>								
							</ul>
							<ul id="marquee1_2"></ul>
						</div>
					</div>
				</div>
			<script type="text/javascript">marqueeStart(1,"left");</script>
			</div>
		</div>
		<div style="clear: both;"></div>
		<div id="footer">
			<div class="conent_bq">
				<p>
					<a href="index.html">网站首页</a>|
					<a href="brand.html">梦想品牌</a>|
					<a href="news.html">新闻资讯</a>|
					<a href="product.html">产品中心</a>|
					<a href="custom.html">客户服务</a>|
					<a href="guest.html">在线留言</a>|
					<a href="contact.html">在线客服</a>
				</p>
				<p>版权 &copy;2017 梦想橱柜 ICP备10012345号</p>
			</div>
		</div>
	</body>
</html>
